<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">
	
	<h:head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
	</h:head>		
	
	<h:body>
		   <ui:composition template="/XHTML/CommonColumnsContent.xhtml">
			<!-- <ui:define name="header">
				<ui:include src="/WEB-INF/facelets/header.jspx" />
			</ui:define> -->
        	<br/>
        	<br/> 	
		 
		 <ui:define name="body">	
			<f:view>
			<!-- <p:ajaxStatus onstart="statusDialog.show();" onsuccess="statusDialog.hide();"/>               
					<p:dialog modal="true" widgetVar="statusDialog" header="Loading"  draggable="false" closable="false">  
   						<p:graphicImage value="#{facesContext.externalContext.request.scheme}://#{facesContext.externalContext.request.serverName}:#{facesContext.externalContext.request.serverPort}#{facesContext.externalContext.request.contextPath}/images/ajaxloadingbar.gif" />   
					</p:dialog> -->
			
		<h:form>
			<!-- <div align="center">
               <h:link id="cmdBack" outcome="goInitialMenu" value="Back" style="color:blue;" />
			 </div> -->
			 <br />
			<p:panel id="panelTGar" header="Tipo Garantia" 
			style = "text-align: center;">
			
			
			  <!--  <p:messages id="msg" showDetail="true"/>
			   <p:growl id="men"/> -->
			   
			   <h:panelGrid>
			   <p:dataTable id ="tipoGar" value= "#{tipoGarantiaView.data}"
			   var = "tipoGarantia" señection = "#{tipoGarantiaView.selectedTipoGarantia}"
			   paginator = "true" rows= "10">
			   
			   <p:column headerText="ID Tipo Garantia">
				<h:outputText value="#{tipoGarantiaView.txtIdTiga}" />
				</p:column>
				
				 <p:column headerText="Código">
				<h:outputText value="#{tipoGarantiaView.txtCodigo}" />
				</p:column>
				
				 <p:column headerText="Descripción">
				<h:outputText value="#{tipoGarantiaView.txtDescripcion}" />
				</p:column>
				
				 <p:column headerText="ID Tipo Garantia">
				<h:outputText value="#{tipoGarantiaView.txtEstadoRegistro}" />
				</p:column>
			   
			   </p:dataTable>
			   
			   <p:dialog id="dialog" header=" Tipo Garantia"
								widgetVar="singleDialog" resizable="false" showEffect="fade"
								hideEffect=" explode">
			   
			       <h:panelGrid columns="2" id="panel" >
												 <h:outputText id="msgIdTiga" value="ID Tipo de Garantía"/>
						 <p:inputText id="txtIdTiga" binding="#{tipoGarantiaView.txtIdTiga}">
						 <p:ajax update="panel,msg,panelBotones" listener="#{tipoGarantiaView.listener_txtId}"/>
						 </p:inputText>	
																		
												<h:outputText id="msgCodigo" value=" Código"/>
						<p:inputText id="txtCodigo" disabled="true" binding="#{tipoGarantiaView.txtCodigo}"/>
						
												<h:outputText id="msgDescripcion" value=" Descripción"/>
						<p:inputTextarea id="txtDescripcion" disabled="true" binding="#{tipoGarantiaView.txtDescripcion}"/>
						
												<h:outputText id="msgEstadoRegistro" value=" EstadoRegistro"/>
						<p:selectOneMenu value="#{tipoGarantiaView.txtEstadoRegistro}">
								<f:selectItem itemLabel="A" itemValue="A" />
								 <f:selectItem itemLabel="R" itemValue="R" /> 
							</p:selectOneMenu>
						
												<!-- <h:outputText id="msgOperCreador" value=" OperCreador"/>
						<p:inputText id="txtOperCreador" disabled="true" binding="#{tipoGarantiaView.txtOperCreador}"/>
												<h:outputText id="msgOperModifica" value=" OperModifica"/>
						<p:inputText id="txtOperModifica" disabled="true" binding="#{tipoGarantiaView.txtOperModifica}"/>
												
																				<h:outputText id="msgFechaCreacion" value=" FechaCreacion"/>
														<p:calendar showOn="button" navigator="true" locale="en" 
							binding="#{tipoGarantiaView.txtFechaCreacion}" >
							<p:ajax event="dateSelect" listener="#{tipoGarantiaView.listener_txtFechaCreacion}" update="men" />
							</p:calendar>
														<h:outputText id="msgFechaModificacion" value=" FechaModificacion"/>
														<p:calendar showOn="button" navigator="true" locale="en" 
							binding="#{tipoGarantiaView.txtFechaModificacion}" >
							<p:ajax event="dateSelect" listener="#{tipoGarantiaView.listener_txtFechaModificacion}" update="men" />
							</p:calendar>
															 -->				
				   </h:panelGrid>
				   
				   <h:panelGrid id="panelBotones" columns="4">
					
						<p:commandButton id="btnSave" disabled="true" value="Guardar" action="#{tipoGarantiaView.action_save}" update="msg,panel,panelBotones"          binding="#{tipoGarantiaView.btnSave}" />
						<p:commandButton id="btnModify" disabled="true" value="Modificar" action="#{tipoGarantiaView.action_modify}" update="msg,panel,panelBotones"    binding="#{tipoGarantiaView.btnModify}" />
						<p:commandButton id="btnDelete" disabled="true" value="Borrar" action="#{tipoGarantiaView.action_delete}" update="msg,panel,panelBotones"    binding="#{tipoGarantiaView.btnDelete}" onclick="return confirm('¿Esta seguro de eliminar esta entrada?')" />
						<p:commandButton id="btnClear" disabled="false" value="Limpiar" action="#{tipoGarantiaView.action_clear}" update="msg,panel,panelBotones"      binding="#{tipoGarantiaView.btnClear}" />
				   
				   </h:panelGrid>
				   </p:dialog>
					</h:panelGrid>
			</p:panel>
			
		</h:form>
		 </f:view>
	 </ui:define>	  
	
	  <ui:define name="footer">
		 <ui:include src="/WEB-INF/facelets/footer.jspx" />
	   </ui:define>	
	</ui:composition>	
	
	</h:body>	

</html>	